<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <title>冷链异常订单信息</title>
  <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
  <link rel="stylesheet" href="styles/bootstrap-table.css">
  <link rel="stylesheet" href="lib/layui/css/layui.css">
  <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
  <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
  <link rel="stylesheet" href="styles/reset.css">
  <link rel="stylesheet" href="styles/main.css">
  <link rel="stylesheet" href="styles/cy.css">
  <link rel="stylesheet" href="styles/qd.css">
  <link rel="stylesheet" href="styles/sfy_nav.css">
  <link rel="stylesheet" href="styles/style.css">
  <link rel="stylesheet" href="styles/newstyle.css">
</head>

<body>
  <!--头部-->
  <!-- 新菜单 2018-04-08 -->
  <div class="new-header">
    <div class="header-content">
      <div class="header-menu">
        <a href="index.html" class="logo">
          <img src="images/yly-logo.png" alt="">
        </a>
        <ul class="header-nav">
          <li>基础资料</li>
          <li>物流运营</li>
          <li>财务管理</li>
          <li>业务管理</li>
          <li>统计查询</li>
        </ul>
        <div class="header-select">
          <a>
            <!-- <label class="common-menu-btn"><input type="checkbox" checked="checked"><span></span></label><span>关闭常用菜单</span> -->
            <span class="common-menu-btn">常用菜单</span>
          </a>
          <a href="#" class="setting">设置</a>
          <ul class="header-select-list">
            <li>
              <i class="community"></i>
              <a href="#">传链社区</a>
            </li>
            <li>
              <i class="tel"></i>
              <a href="#">服务中心</a>
            </li>
            <li>
              <i class="message current"></i>
              <a href="#">消息中心</a>
            </li>
            <li>
              <i href="javascript:;" class="login"></i>
              <div class="userboxinfob">
                <div class="ul_userlist">
                  <p class="flexitem">张会员，欢迎您登录</p>
                  <ul class="flexitem">
                    <li>
                      <a href="/updatePwd">修改密码</a>
                    </li>
                    <li>
                      <a href="/logout">退出</a>
                    </li>
                  </ul>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>

      <div class="header-menu-box">
        <div class="header-menu-content">
          <dl class="displayflex">
            <dt>组织资料 ></dt>
            <dd class="flex1">
              <a href="#">公司资料维护</a>
              <a href="#">公司部门资料维护</a>
              <a href="#">物流区域资料维护</a>
              <a href="#">物流中心资料维护</a>
              <a href="#">仓库资料</a>
              <a href="#">货主仓库指定</a>
              <a href="#">货主承运商指定</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>人员管理 ></dt>
            <dd class="flex1">
              <a href="#">公司人员角色维护</a>
              <a href="#">公司人员资料维护</a>
              <a href="#">货主人员资料维护</a>
              <a href="#">承运商人员资料维护</a>
              <a href="#">仓储商人员资料维护</a>
              <a href="#">商业客户人员资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>商品管理 ></dt>
            <dd class="flex1">
              <a href="#">新品发布清单</a>
              <a href="#">生产厂商资料维护</a>
              <a href="#">商品分类资料表</a>
              <a href="#">库管参数维护</a>
              <a href="#">补货层级维护</a>
              <a href="#">新增商品</a>
              <a href="#">商品资料维护</a>
              <a href="#" class="active">产品说明书维护</a>
              <a href="#">物价资料维护</a>
              <a href="#">耗材包关系维护</a>
              <a href="#">耗材包关系维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>产品证照 ></dt>
            <dd class="flex1">
              <a href="#">代理商证照维护</a>
              <a href="#">经销授权书证照维护</a>
              <a href="#">售后服务机构证照维护</a>
              <a href="#">医疗器械注册证维护</a>
              <a href="#">业务授权书维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>客户管理 ></dt>
            <dd class="flex1">
              <a href="#">商业单位资料维护</a>
              <a href="#">医疗机构资料维护</a>
            </dd>
          </dl>
        </div>
        <div class="header-menu-content">
          <dl class="displayflex">
            <dt>物流运营 ></dt>
            <dd class="flex1">
              <a href="#">公司资料维护</a>
              <a href="#">公司部门资料维护</a>
              <a href="#">物流区域资料维护</a>
              <a href="#">物流中心资料维护</a>
              <a href="#">仓库资料</a>
              <a href="#">货主仓库指定</a>
              <a href="#">货主承运商指定</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>人员管理 ></dt>
            <dd class="flex1">
              <a href="#">公司人员角色维护</a>
              <a href="#">公司人员资料维护</a>
              <a href="#">货主人员资料维护</a>
              <a href="#">承运商人员资料维护</a>
              <a href="#">仓储商人员资料维护</a>
              <a href="#">商业客户人员资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>商品管理 ></dt>
            <dd class="flex1">
              <a href="#">新品发布清单</a>
              <a href="#">生产厂商资料维护</a>
              <a href="#">商品分类资料表</a>
              <a href="#">库管参数维护</a>
              <a href="#">补货层级维护</a>
              <a href="#">新增商品</a>
              <a href="#">商品资料维护</a>
              <a href="#" class="active">产品说明书维护</a>
              <a href="#">物价资料维护</a>
              <a href="#">耗材包关系维护</a>
              <a href="#">耗材包关系维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>客户管理 ></dt>
            <dd class="flex1">
              <a href="#">商业单位资料维护</a>
              <a href="#">医疗机构资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>医院关系建立 ></dt>
            <dd class="flex1">
              <a href="#">采购目录勾对</a>
            </dd>
          </dl>
        </div>
        <div class="header-menu-content">
          <dl class="displayflex">
            <dt>财务管理 ></dt>
            <dd class="flex1">
              <a href="#">公司资料维护</a>
              <a href="#">公司部门资料维护</a>
              <a href="#">物流区域资料维护</a>
              <a href="#">物流中心资料维护</a>
              <a href="#">仓库资料</a>
              <a href="#">货主仓库指定</a>
              <a href="#">货主承运商指定</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>人员管理 ></dt>
            <dd class="flex1">
              <a href="#">公司人员角色维护</a>
              <a href="#">公司人员资料维护</a>
              <a href="#">货主人员资料维护</a>
              <a href="#">承运商人员资料维护</a>
              <a href="#">仓储商人员资料维护</a>
              <a href="#">商业客户人员资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>商品管理 ></dt>
            <dd class="flex1">
              <a href="#">新品发布清单</a>
              <a href="#">生产厂商资料维护</a>
              <a href="#">商品分类资料表</a>
              <a href="#">库管参数维护</a>
              <a href="#">补货层级维护</a>
              <a href="#">新增商品</a>
              <a href="#">商品资料维护</a>
              <a href="#" class="active">产品说明书维护</a>
              <a href="#">物价资料维护</a>
              <a href="#">耗材包关系维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>产品证照 ></dt>
            <dd class="flex1">
              <a href="#">代理商证照维护</a>
              <a href="#">经销授权书证照维护</a>
              <a href="#">售后服务机构证照维护</a>
              <a href="#">医疗器械注册证维护</a>
              <a href="#">业务授权书维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>客户管理 ></dt>
            <dd class="flex1">
              <a href="#">商业单位资料维护</a>
              <a href="#">医疗机构资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>医院关系建立 ></dt>
            <dd class="flex1">
              <a href="#">供应关系查询</a>
              <a href="#">采购目录勾对</a>
            </dd>
          </dl>
        </div>
        <div class="header-menu-content">
          <dl class="displayflex">
            <dt>业务管理 ></dt>
            <dd class="flex1">
              <a href="#">公司资料维护</a>
              <a href="#">公司部门资料维护</a>
              <a href="#">物流区域资料维护</a>
              <a href="#">物流中心资料维护</a>
              <a href="#">仓库资料</a>
              <a href="#">货主仓库指定</a>
              <a href="#">货主承运商指定</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>人员管理 ></dt>
            <dd class="flex1">
              <a href="#">公司人员角色维护</a>
              <a href="#">公司人员资料维护</a>
              <a href="#">货主人员资料维护</a>
              <a href="#">承运商人员资料维护</a>
              <a href="#">仓储商人员资料维护</a>
              <a href="#">商业客户人员资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>商品管理 ></dt>
            <dd class="flex1">
              <a href="#">新品发布清单</a>
              <a href="#">生产厂商资料维护</a>
              <a href="#">商品分类资料表</a>
              <a href="#">库管参数维护</a>
              <a href="#">补货层级维护</a>
              <a href="#">新增商品</a>
              <a href="#">商品资料维护</a>
              <a href="#" class="active">产品说明书维护</a>
              <a href="#">物价资料维护</a>
              <a href="#">耗材包关系维护</a>
              <a href="#">耗材包关系维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>产品证照 ></dt>
            <dd class="flex1">
              <a href="#">代理商证照维护</a>
              <a href="#">经销授权书证照维护</a>
              <a href="#">售后服务机构证照维护</a>
              <a href="#">医疗器械注册证维护</a>
              <a href="#">业务授权书维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>客户管理 ></dt>
            <dd class="flex1">
              <a href="#">商业单位资料维护</a>
              <a href="#">医疗机构资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>医院关系建立 ></dt>
            <dd class="flex1">
              <a href="#">供应关系查询</a>
              <a href="#">采购目录勾对</a>
            </dd>
          </dl>
        </div>
        <div class="header-menu-content">
          <dl class="displayflex">
            <dt>统计查询 ></dt>
            <dd class="flex1">
              <a href="#">公司资料维护</a>
              <a href="#">公司部门资料维护</a>
              <a href="#">物流区域资料维护</a>
              <a href="#">物流中心资料维护</a>
              <a href="#">仓库资料</a>
              <a href="#">货主仓库指定</a>
              <a href="#">货主承运商指定</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>人员管理 ></dt>
            <dd class="flex1">
              <a href="#">公司人员角色维护</a>
              <a href="#">公司人员资料维护</a>
              <a href="#">货主人员资料维护</a>
              <a href="#">承运商人员资料维护</a>
              <a href="#">仓储商人员资料维护</a>
              <a href="#">商业客户人员资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>商品管理 ></dt>
            <dd class="flex1">
              <a href="#">新品发布清单</a>
              <a href="#">生产厂商资料维护</a>
              <a href="#">商品分类资料表</a>
              <a href="#">库管参数维护</a>
              <a href="#">补货层级维护</a>
              <a href="#">新增商品</a>
              <a href="#">商品资料维护</a>
              <a href="#" class="active">产品说明书维护</a>
              <a href="#">物价资料维护</a>
              <a href="#">耗材包关系维护</a>
              <a href="#">耗材包关系维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>产品证照 ></dt>
            <dd class="flex1">
              <a href="#">代理商证照维护</a>
              <a href="#">经销授权书证照维护</a>
              <a href="#">售后服务机构证照维护</a>
              <a href="#">医疗器械注册证维护</a>
              <a href="#">业务授权书维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>客户管理 ></dt>
            <dd class="flex1">
              <a href="#">商业单位资料维护</a>
              <a href="#">医疗机构资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>医院关系建立 ></dt>
            <dd class="flex1">
              <a href="#">供应关系查询</a>
              <a href="#">采购目录勾对</a>
            </dd>
          </dl>
        </div>
      </div>
    </div>
  </div>
  <!-- 常用菜单 -->
  <div class="common-menu">
    <div class="common-menu-content">
      <p class="iconfont icon-menu">
        <a>公司资料维护</a>
        <a>新增商品</a>
        <a>采购目录勾对</a>
        <a>物流订单调度</a>
        <a>补货发起</a>
        <a>物流项目费用维护</a>
        <a>发票管理</a>
        <a>医院采购订单录入</a>
        <a>出库登录</a>
        <a>物流项目费用维护</a>
      </p>
    </div>
  </div>
  <!-- 按钮 当前位置-->
  <div class="g_header_nav">
    <div class="g_header_t">
      <div class="operate-btns"></div>
    </div>
    <div class="con_breadcrumb">
      <ol class="breadcrumb">
        <li>
          <a href="#">冷链在途监控</a>
        </li>
        <li>
          <a href="#">异常管理</a>
        </li>
      </ol>
      <h3 class="current_module">异常管理</h3>
    </div>
  </div>
  <!--end  按钮 当前位置-->
  <!--end头部-->
  <!--内容-->
  <div class="content clear">
    <!-- 状态 -->
    <div class="monitor-state">
      <ul>
        <li>
          <b>在途</b>
          <span>单数<strong>0</strong>张</span>
          <span>货量<strong>0</strong>件</span>
        </li>
        <li>
          <b>超期>3</b>
          <span>单数<strong>109</strong>张</span>
          <span>货量<strong>113553</strong>件</span>
        </li>
        <li>
          <b>异常</b>
          <span>单数<strong>3</strong>张</span>
          <span>货量<strong>9</strong>件</span>
          <span>占比<strong>0.2</strong>%</span>
        </li>
      </ul>
    </div>
    <!-- 输入框 -->
    <div class="monitor-input">
      <div class="aline">
        <div class="text-input displayflex">
          <span class="flexitem">订单号</span>
          <div class="flex1">
            <input type="text">
          </div>
        </div>
        <div class="text-input displayflex">
          <span class="flexitem">承运商</span>
          <div class="flex1">
            <input type="text">
          </div>
        </div>
        <div class="text-input displayflex">
          <span class="flexitem">目的地</span>
          <div class="flex1">
            <input type="text">
          </div>
        </div>
        <div class="plr8 fr tar">
          <a href="" class="top-search-btn iconfont icon-search">查询</a>
        </div>
        <div class="monitor-period-box">
            <span class="monitor-period">按时间段</span>
            <div class="monitor-period-dropdown">
              <div class="text-input date-input displayflex">
                <div class="flex1">
                  <input type="text" action="date" class="tac">
                </div>
                <i></i>
                <div class="flex1">
                  <input type="text" action="date" class="tac">
                </div>
              </div>
            </div>
        </div>
      </div>
      <div class="abnormal-checkbox-box">
        <b>状态异常</b>
        <label class="abnormal-checkbox">
            <input type="checkbox">
            <em>超期</em>
        </label>
        <label class="abnormal-checkbox">
            <input type="checkbox">
            <em>温度异常</em>
        </label>
        <label class="abnormal-checkbox">
            <input type="checkbox">
            <em>设备电池电量不足</em>
        </label>
        <label class="abnormal-checkbox">
            <input type="checkbox">
            <em>数据上传异常</em>
        </label>
      </div>
    </div>
    <!-- 主体内容 -->
    <ul class="filter-result">
      <li>
        <b>全部</b>
      </li>
      <li>
        <span>D04</span>
      </li>
      <li>
        <span>武汉七耀</span>
      </li>
      <li>
        <span>武汉七耀</span>
      </li>
      <li>
        <span>2018年6月15号—2018年7月3号</span>
      </li>
    </ul>
    <div class="monitor-content">
      <h2 class="h2_1">
        您当前共有<span id="id_num">7</span>条异常订单信息
      </h2>
      <table class="table table_accordion table-1b">
        <thead>
          <tr>
            <th class="not-wrap">序号</th>
            <th class="not-wrap">订单号</th>
            <th class="not-wrap">货主</th>
            <th class="not-wrap">承运商</th>
            <th class="not-wrap">订单日期</th>
            <th class="not-wrap">起运地</th>
            <th class="not-wrap">目的地</th>
            <th class="not-wrap">件数（件）</th>
            <th class="not-wrap">重量（kg）</th>
            <th class="not-wrap">体积（m³）</th>
            <th class="not-wrap">实时温度</th>
            <th class="not-wrap">状态</th>
            <th class="not-wrap">操作</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>01</td>
            <td>D047281941</td>
            <td>药聚多物流有限公司4</td>
            <td>小药会1</td>
            <td>2018-07-11</td>
            <td>海南省/海口市</td>
            <td>海南省/三沙市</td>
            <td>330</td>
            <td>33.000</td>
            <td>33.000</td>
            <td>1.2℃</td>
            <td>正常</td>
            <td>
              <div class="action-btn flexitem">
                <a href="monitor.html">详情</a>
              </div>
            </td>
          </tr>
          <tr>
            <td colspan="13">
              <div class="basic_table_down1">预留区域</div>
              <span class="table_more"></span>
            </td>
          </tr>
        </tbody>
        <tbody class="abnormal">
          <tr>
            <td>02</td>
            <td>D047281941</td>
            <td>药聚多物流有限公司4</td>
            <td>小药会1</td>
            <td>2018-07-11</td>
            <td>海南省/海口市</td>
            <td>海南省/三沙市</td>
            <td>330</td>
            <td>33.000</td>
            <td>33.000</td>
            <td>3.8℃</td>
            <td>超期</td>
            <td>
              <div class="action-btn flexitem">
                <a href="monitor.html">详情</a>
              </div>
            </td>
          </tr>
          <tr>
            <td colspan="13">
              <div class="basic_table_down1">预留区域</div>
              <span class="table_more"></span>
            </td>
          </tr>
        </tbody>
        <tbody class="current">
          <tr>
            <td>03</td>
            <td>D047281941</td>
            <td>药聚多物流有限公司4</td>
            <td>小药会1</td>
            <td>2018-07-11</td>
            <td>海南省/海口市</td>
            <td>海南省/三沙市</td>
            <td>330</td>
            <td>33.000</td>
            <td>33.000</td>
            <td>1.2℃</td>
            <td>正常</td>
            <td>
              <div class="action-btn flexitem">
                <a href="monitor.html">详情</a>
              </div>
            </td>
          </tr>
          <tr>
            <td colspan="13">
              <div class="basic_table_down1">预留区域</div>
              <span class="table_more"></span>
            </td>
          </tr>
        </tbody>
        <tbody>
          <tr>
            <td>04</td>
            <td>D047281941</td>
            <td>药聚多物流有限公司4</td>
            <td>小药会1</td>
            <td>2018-07-11</td>
            <td>海南省/海口市</td>
            <td>海南省/三沙市</td>
            <td>330</td>
            <td>33.000</td>
            <td>33.000</td>
            <td>1.2℃</td>
            <td>正常</td>
            <td>
              <div class="action-btn flexitem">
                <a href="monitor.html">详情</a>
              </div>
            </td>
          </tr>
          <tr>
            <td colspan="13">
              <div class="basic_table_down1">预留区域</div>
              <span class="table_more"></span>
            </td>
          </tr>
        </tbody>
        <tbody>
          <tr>
            <td>05</td>
            <td>D047281941</td>
            <td>药聚多物流有限公司4</td>
            <td>小药会1</td>
            <td>2018-07-11</td>
            <td>海南省/海口市</td>
            <td>海南省/三沙市</td>
            <td>330</td>
            <td>33.000</td>
            <td>33.000</td>
            <td>1.2℃</td>
            <td>正常</td>
            <td>
              <div class="action-btn flexitem">
                <a href="monitor.html">详情</a>
              </div>
            </td>
          </tr>
          <tr>
            <td colspan="13">
              <div class="basic_table_down1">预留区域</div>
              <span class="table_more"></span>
            </td>
          </tr>
        </tbody>
        <tbody>
          <tr>
            <td>06</td>
            <td>D047281941</td>
            <td>药聚多物流有限公司4</td>
            <td>小药会1</td>
            <td>2018-07-11</td>
            <td>海南省/海口市</td>
            <td>海南省/三沙市</td>
            <td>330</td>
            <td>33.000</td>
            <td>33.000</td>
            <td>1.2℃</td>
            <td>正常</td>
            <td>
              <div class="action-btn flexitem">
                <a href="monitor.html">详情</a>
              </div>
            </td>
          </tr>
          <tr>
            <td colspan="13">
              <div class="basic_table_down1">预留区域</div>
              <span class="table_more"></span>
            </td>
          </tr>
        </tbody>
        <tbody>
          <tr>
            <td>07</td>
            <td>D047281941</td>
            <td>药聚多物流有限公司4</td>
            <td>小药会1</td>
            <td>2018-07-11</td>
            <td>海南省/海口市</td>
            <td>海南省/三沙市</td>
            <td>330</td>
            <td>33.000</td>
            <td>33.000</td>
            <td>1.2℃</td>
            <td>正常</td>
            <td>
              <div class="action-btn flexitem">
                <a href="monitor.html">详情</a>
              </div>
            </td>
          </tr>
          <tr>
            <td colspan="13">
              <div class="basic_table_down1">预留区域</div>
              <span class="table_more"></span>
            </td>
          </tr>
        </tbody>
      </table>
      <div class="table-page clearfix">
        <a href="">上一页</a>
        <a href="">下一页</a>
        <span>第<i>1</i>页</span>
        <span>共<em>2</em>页</span>
      </div>
    </div>
  </div>
  <!-- end 内容-->

  <footer class="footer">
    <p>
      Copyright © 2015-2017
      <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
    </p>
  </footer>
  <script type="text/javascript" src="lib/jquery.min.js"></script>
  <script type="text/javascript" src="lib/underscore-min.js"></script>
  <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
  <script type="text/javascript" src="lib/bootstrap.min.js"></script>
  <script type="text/javascript" src="lib/bootstrap-table.js"></script>
  <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
  <script type="text/javascript" src="lib/city-picker.js"></script>
  <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
  <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
  <script type="text/javascript" src="lib/echarts-all.js"></script>
  <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
  <script type="text/javascript" src="lib/zUI.js"></script>
  <!--新导航-->
  <!-- <script type="text/javascript" src="lib/snap.svg-min.js"></script>
  <script type="text/javascript" src="lib/modernizr.custom.js"></script> -->
  <script type="text/javascript" src="js/header_sfy.js"></script>
  <!--end新导航-->
  <script type="text/javascript" src="js/app.js"></script>
  <script type="text/javascript" src="js/validate-demo.js"></script>
  <script type="text/javascript" src="js/main.js"></script>
  <script type="text/javascript" src="js/cy.js"></script>

  <script>
  $('.monitor-period').on('click', function(){
    $('.monitor-period-dropdown').toggle();
  })
  </script>
</body>

</html>